<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no" />
<title>图片详情</title>
<!-- 引入样式 -->
<link rel="stylesheet" href="css/viewer.min.css">
<link rel="stylesheet" href="./css/index.css">
<!-- 引入jquery -->
<script src="./js/jquery.min.js"></script>
<style>
* { margin: 0; padding: 0;}
#imgScale { width: 100vw;height:100vh; margin: 0 auto; font-size: 0;background-color: #000;}
#imgScale img { display:none;width: 100%;}
.viewer-container .viewer-prev,.viewer-container .viewer-next {
  display: none;
}
</style>
</head>
<body>
  <div id="imgScale">
    <!-- <img src="./1.jpeg" alt=""> -->
    <img id="full_img" src="" alt="">
  </div>

  <script src="js/viewer.min.js"></script>
  <script>
    let fullImgUrl = sessionStorage.getItem('fullImgUrl');
    $('#full_img').attr('src',fullImgUrl);
    let viewer = new Viewer(document.getElementById('imgScale'), {
      url: 'data-original',
      // toolbar:false,
      title:false,
      button:false,
      navbar:false,
    });
    viewer.show();
    // viewer.play();
  </script>
</body>
</html>
